page {
  height: 100%;
  background-color: #f8f7fa;
  background-image: url("../../../assets/images/top-gr-bg.svg");
  background-repeat: no-repeat;
  box-sizing: border-box;
  background-size: 100%;

  .page-header {
    margin: 0 -20rpx;
    color: #a2a2a2;
    font-size: 28rpx;
  }
}

.management-plan {
  height: 100%;
  display: flex;
  flex-direction: column;
  .plan {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-top: 52rpx;

    .title {
      font-size: 72rpx;
      color: #000;
      margin-bottom: 40rpx;
    }

    .tips {
      font-size: 30rpx;
      color: #ed9176;
      background: -webkit-linear-gradient(0, #ed9176, #d46059);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      margin-bottom: 40rpx;
    }

    .content {
      flex: 1;
      background-color: #fff;
      background-image: url('../../../assets/images/management-plan-content-bg.svg');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: left 130%;
      padding: 40rpx 54rpx 500rpx;
      border-radius: 16rpx;
      font-size: 30rpx;
    }
  }
}
